<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="font/iconfont.css" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/style.js"></script>
		
	</head>
	<body>
		<!--top-->
		<div class="top-wrap">
			<div class="top">
				<div class="top-left">
					<a href="javascript:;">小米网</a><span>|</span>
					<a href="javascript:;">MIUI</a><span>|</span>
					<a href="javascript:;">米聊</a><span>|</span>
					<a href="javascript:;">游戏</a><span>|</span>
					<a href="javascript:;">多看阅读</a><span>|</span>
					<a href="javascript:;">云服务</a><span>|</span>
					<a href="javascript:;">小米网移动版</a><span>|</span>
					<a href="javascript:;">问题反馈</a><span>|</span>
					<a href="javascript:;">Select Region</a>
				</div>
				<div class="top-cart">
					<div  class="shopping-cart" href="javascript:;">
						<i class="iconfont">&#xe603;</i>
						购物车(0)</div>
					<div class="top-car-list">
						<p>购物车中还没有商品，赶紧选购吧！</p>
					</div>
				</div>
				<div class="top-right">
					<a href="javascript:;">登录</a><span>|</span>
					<a href="javascript:;">注册</a>
				</div>
			</div>
		</div>
		<!--nav-->
		<div class="site-header-wrap">
			<div class="site-header">
			
				<div class="logo-wrap">
					<h1 class="logo"><a href="javascript:;"><img src="img/logo.png"/></a></h1>
					<a  class=" active" href="javascript:;"><img src="img/229.png" alt="" /></a>
				</div>
				<ul class="nav">
					<li class='n1'><a href="javascript:;">小米手机</a></li>
					<li class='n1'><a href="javascript:;">红米</a></li>
					<li class='n1'><a href="javascript:;">平板</a></li>
					<li class='n1'><a href="javascript:;">电视</a></li>
					<li class='n1'><a href="javascript:;">盒子 · 影音</a></li>
					<li class='n1'><a href="javascript:;">路由器</a></li>
					<li class='n1'><a href="javascript:;">智能硬件</a></li>
					<li><a href="javascript:;">服务</a></li>
					<li><a href="javascript:;">社区</a></li>
				</ul>
				<div class="hearder-search">
					<form  class="search " action="" method="post">
						<input class="ipt" type="text" />
						<a  class="btn" href="javascript:;"><i class="iconfont">&#xe614;</i></a>
					</form>
					
					<div class="search-txt">
						<a  href="javascript:;">红米3s</a>
						<a href="javascript:;">红米3s</a>
					</div>
					<ul class="search-list">
						<li  data-key="小米手机5"><a href="javascript:;">小米手机5</a><span>11件</span></li>
						<li  data-key="小米手机4"><a href="javascript:;">小米手机4</a><span>11件</span></li>
						<li  data-key="小米手机2"><a href="javascript:;">小米手机2</a><span>11件</span></li>
						<li  data-key="小米手机4s"><a href="javascript:;">小米手机4s</a><span>11件</span></li>
						<li  data-key="红米手机"><a href="javascript:;">红米手机</a><span>11件</span></li>
						<li  data-key="小米5"><a href="javascript:;">小米5</a><span>11件</span></li>
						<li  data-key="小米手机3"><a href="javascript:;">小米手机3</a><span>11件</span></li>
						<li  data-key="小米手机"><a href="javascript:;">小米手机</a><span>11件</span></li>
						<li  data-key="红米"><a href="javascript:;">红米</a><span>11件</span></li>
						<li  data-key="小米"><a href="javascript:;">小米</a><span>11件</span></li>
					</ul>
				</div>
			</div>
			<div class="nav-content">
					<ul class="nav1">
						<li class="phone firstph">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
					</ul>
					<ul class="nav1">
						<li class="phone firstph">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>2499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>2499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>2499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>2499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>2499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>2499元起</p>
						</li>
					</ul>
					<ul class="nav1">
						<li class="phone firstph">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>3499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>3499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>3499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>3499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>3499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>3499元起</p>
						</li>
					</ul>
					<ul class="nav1">
						<li class="phone  firstph">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>4499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>4499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>4499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>4499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>4499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>4499元起</p>
						</li>
					</ul>
					<ul class="nav1">
						<li class="phone firstph no-effect">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>5499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>5499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>5499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>5499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>5499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>5499元起</p>
						</li>
					</ul>
					<ul class="nav1">
						<li class="phone  firstph no-effect">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>6499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
					</ul>
					<ul class="nav1">
						<li class="phone firstph no-effect">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>7499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
						<li class="phone">
							<a href="javascript:;"><img src="img/1.jpg" alt="" /></a>
							<span class="sp">小米手机</span>
							<p>1499元起</p>
						</li>
					</ul>
				</div>
			</div>


	
	<!--banner-->
	<div class="banner-wrap">
		<div class="banner">
			<ul class="pic-box">
				<li class="first"><a href="163.com"><img src="img/img1.jpg" alt="" /></a></li>
				<li><a href="sina.com"><img src="img/img2.jpg" alt="" /></a></li>
				<li><a href="360.com"><img src="img/img3.jpg" alt="" /></a></li>
				<li><a href="mi.com"><img src="img/img4.jpg" alt="" /></a></li>
				<li><a href="baidu.com"><img src="img/img5.jpg" alt="" /></a></li>
			</ul>
			<ul class="pic-list">
				<li></li><li></li><li></li><li></li><li></li>
			</ul>
			<div class="flash-btn">
				<a class="left-btn" href="javascript:;"></a>
				<a class="right-btn" href="javascript:;"></a>	
			</div>
		</div>
	</div>
	<div class="bgbox">
		<ul class="list">
			<li><a href="javascript:;"> 手机  平板 电话卡</a></li>
			<li><a href="javascript:;">  电视 盒子</a></li>
			<li><a href="javascript:;">路由器 智能硬件</a></li>
			<li><a href="javascript:;">移动电源 插线板</a></li>
			<li><a href="javascript:;">耳机 音箱</a></li>
			<li><a href="javascript:;">电池 存储卡</a></li>
			<li><a href="javascript:;">保护套 后盖</a></li>
			<li><a href="javascript:;">贴膜 其他配件</a></li>
			<li><a href="javascript:;">米兔 服装</a></li>
		</ul>
		<div class="box">
			<div class="box_list">111111111111111111</div>
			<div class="box_list">222222222222222222</div>
			<div class="box_list">3333333333333333333</div>
			<div class="box_list">444444444444444444</div>
			<div class="box_list">555555555555555</div>
			
			<div class="box_list">66666666666666666</div>
			<div class="box_list">7777777777777</div>
			<div class="box_list">8888888888888</div>
			<div class="box_list">9999999999</div>
		</div>
	</div>
	
	</body>
</html>
